<template>
    <img alt="Vue logo" src="../assets/logo.png" />
  <HelloWorld msg="Hello Vue 3 + TypeScript + Vite" />
  <Comp :titleInfo="{
    value: '代办事项',
    color: '#f00'
  }"></Comp>
  <comp-Setup :titleInfo="{
    value: '代办事项2',
    color: '#f00'
  }" />

  <button @click="jump">跳往关于我们页面</button>
</template>
<script lang="ts" setup>
import { defineComponent } from 'vue'
import HelloWorld from '../../components/HelloWorld.vue'
import Comp from '../../components/Comp.vue'
import CompSetup from '../../components/CompSetup.vue'

import {useRouter} from 'vue-router';

const router = useRouter();

function jump(){
    router.push('/about');
}
</script>
<style>

</style>